<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // JS组成
    // ECMAScript(5 -> 6)
    // BOM  (Browser Object Model 浏览器对象模型) 提供了操作浏览器的接口和方法
    //       打开/关闭浏览器窗口 滚动事件  历史记录  判断设备类型 地址栏相关信息
    // DOM  (Document Object Model 文档对象模型) 提供了操作文档的接口和方法
    //       1. 元素获取 新增 删除 修改  2. 改变元素的内容 属性 样式 绑定事件


    // BOM =>  提供了操作浏览器的接口和方法
    console.log(window);  // 全局对象(浏览器窗口) => 用于存放当前窗口下所有全局的变量和方法(官方的->系统内置  用于自定义)


    // var a = 10;
    // var b = 20;

    // console.log(window.a, window["b"]);
    // console.log(a, b); // 一般情况下,window可以省略

    // window.alert(1111);


    // name  status     => window.name  窗口的名称 window.status 窗口的状态(默认是字符串类型)
    // 注意: 不建议使用name,status作为全局变量 => 存储的数据类型会隐式转化为字符串类型(window.name  窗口的名称 window.status 窗口的状态)

    // var name = 1;
    // console.log(name);




    // window下的子对象
    // Math => 直接使用  => 存储在window中(window下的子对象)
    // document.getElementById()   直接使用  => 存储在window中

    // 使用方法: window.xxx => window可以省略
    // document   => window.document
    // history   => window.history
    // location   => window.location
    // screen   => window.screen
    // navigator   => window.navigator


</script>

</html>